パノラマを開いた時に、イメージ画像を表示させる方法。
パノラマの説明や、操作方法などの解説などで多用されている。
【使用するファイル】
xmlファイル
表示する画像
【基本コード】
表示用画像をxmlファイルと同じ階層に置いた後、以下のコードをxmlに記述する。
<events onloadcomplete="delayedcall(2, if(plugin[introimage], hideintroimage() ); ); set(events.onloadcomplete,null);" /> <plugin name="introimage" url="introimage.png" align="center" onloaded="set(alpha,0); tween(alpha,1.0);" onclick="hideintroimage();" /> <action name="hideintroimage"> if(plugin[introimage].enabled, set(plugin[introimage].enabled,false); tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage)); ); </action>
【解説】
パノラマを読み込んだ時にアクションをスタートさせる記述
<events onloadcomplete="delayedcall(2, if(plugin[introimage], hideintroimage() ); ); //完全に読み込んだら=2秒遅れて実行,もしintroimageが表示されているなら.hideintoroimageの設定通りに画像を隠す。 set(events.onloadcomplete,null);" />
画像の記述
<plugin name="introimage" url="introimage.png" align="center" onloaded="set(alpha,0); tween(alpha,1.0);" //ロードされると透明度0→1へ onclick="hideintroimage();" //クリックしてhideintroimage()を実行 />
メモ
5秒かけて表示させたい場合
onloaded=”set(alpha,0); tween(alpha,1.0,5);”
アクションの記述
<action name="hideintroimage"> if(plugin[introimage].enabled, set(plugin[introimage].enabled,false); tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage)); //0.5秒かけてintroimageの透明度を0にする ); </action>
メモ
5秒かけてフェードアウトさせたい場合
tween(plugin[introimage].alpha, 0.0, 5.0, default, removeplugin(introimage));
【実例】
<krpano version="1.16">
<include url="skin/defaultskin.xml" />
<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />
<preview url="mukogawa1.tiles/preview.jpg" />
<events onloadcomplete="delayedcall(2, if(plugin[introimage], hideintroimage() ); ); set(events.onloadcomplete,null);" />
<plugin name="introimage"
url="logo.png"
align="center"
onloaded="set(alpha,0); tween(alpha,1.0,5);"
onclick="hideintroimage();"
/>
<action name="hideintroimage">
if(plugin[introimage].enabled,
set(plugin[introimage].enabled,false);
tween(plugin[introimage].alpha, 0.0, 10, default, removeplugin(introimage));
);
</action>
<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4776" tiledimageheight="4776">
<cube url="mukogawa1.tiles/mres_%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="mukogawa1.tiles/mres_%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="mukogawa1.tiles/mres_%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="mukogawa1.tiles/mres_%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="mukogawa1.tiles/mobile_%s.jpg" />
</mobile>
</image>
</krpano>